<div class="vertical-list">
	<!--/*-->
	<div>
		<div class="ugc-header-left" id="blogList_tabBox"
			style="float: left; width: 100px;">
			<a style="margin-left: 10px;" class="ugc-header-a headhover"
				itemcount="18" id="blogList_myblogTab" href="#nogo"><span
				class="ugc-header-span">我的文章</span></a> <a class="ugc-header-a"
				id="blogList_draftTab" href="#nogo"> <span
				class="ugc-header-span">草稿箱<span class="draftCount">1</span></span>
			</a>
		</div>
		<div class="ugc-header-right" style="floate: right">
			<a class="ugc-header-btn"
				href="http://blog.renren.com/blog/0/addBlog?bfrom=011200091"><img
				style="display: block; margin: 4px 0 0 0;"
				src="http://s.xnimg.cn/nx/ugc/blog/cssimg/blogList/addBlog.png" /></a>
		</div>
	</div>
	<!--*/-->
	<ul class="list-container" id="blogList" th:attr="data-url=${url}"
		th:attrappend="data-max=${maxPage}">
		<li th:each="post : ${posts}">
			<div class="list-item">
				<div class="item-author" th:inline="text"
					style="max-height: 391px; height: 100px;">
					<div th:if="${post.status == 0}" class="info-label">状态:待审核</div>
					<div th:if="${post.status == 1}" class="info-label">状态:已发布</div>
					<div class="info-author">
						<a href="javascript:void(0)" class="author-shortcut"><img
							th:src="@{${post.author.avatar}}" src="http://placehold.it/65x65" /></a>
						<strong>[[${post.author.name}]]</strong> <small>[[${#strings.substring(post.created,0,10)}]]</small>
					</div>
				</div>
				<div class="item-info"
					th:attrappend="url=@{${'/post/view/'+post.id}}">
					<h3>
						<a href="" th:href="@{${'/post/view/'+post.id}}" th:inline="text"
							target="_blank">[[${post.title}]]</a>
					</h3>
					<div class="item-img" th:if="${(post.snapshot != null)}">
						<a class="fr-img" th:href="@{${'/post/view/'+post.id}}"
							target="_blank"
							th:style="'background-image: url(' + ${((post.snapshot != null)? post.snapshot.original : 'http://placehold.it/200x136')} + ')'">
						</a>
					</div>

					<div fx="limit" num="230"
						th:utext="${@previewHtmlUtils.truncateHTML(post.summary,230)}"
						class="item-content clearfix fixText"></div>
					<div>

						<div style="float: left">
							<span th:inline="text"><i class="fa fa-thumbs-up fa-5x"></i>[[${post.thumbupCounts}]]</span> <span>|</span>
							<span th:inline="text"><i class="fa fa-share-alt fa-5x"></i>0</span> <span>|</span>
							<span th:inline="text"><i class="fa fa-heart-o fa-5x"></i>[[${post.followsCounts}]]</span> <span>|</span>
							<span th:inline="text"><i class="fa fa-comment-o fa-5x"></i>[[${post.comments}]]</span> <span>|</span>
							<span th:inline="text"><i class="fa fa-eye fa-5x"></i>[[${post.views}]]</span>
						</div>
						<div style="float: right" th:if="${post.status == 0}">
							<a th:href="@{${'/post/add?id='+post.id}}">编辑</a> <span>|</span>
							<a th:href="@{${'/post/delete/'+post.id}}" id="post_delete">删除</a>
						</div>
					</div>

				</div>
			</div>
		</li>
	</ul>

	<hgroup>
		<div class="paging">
			<span> <a href="javascript:;" id="go_first_btn" class="button"
				th:href="@{'/post/myblogs?offset=1'}"> <i
					class="fa fa-angle-double-left"></i>
			</a>
			</span> <span> <a href="javascript:;" id="go_prev_btn" class="button"
				th:href="@{${'/post/myblogs?offset='+page.getPrev()}}"><i
					class="fa fa-angle-left"></i> </a>
			</span> 
			
			<span th:each="pageNum : ${pageNums}"> <a
				class="button"
				th:href="@{${'/post/myblogs?offset='+pageNum}}"
				th:text="${pageNum}"
				th:classappend="${pageNum==currentPage?'curPage':''}">1</a>
			</span>
			
			 <span> <a href="javascript:;" id="go_next_btn" class="button"
				th:href="@{${'/post/myblogs?offset='+page.getNext()}}"><i
					class="fa fa-angle-right"></i> </a> 
			</span> <span> <a href="javascript:;" id="go_last_btn" class="button"
				th:href="@{${'/post/myblogs?offset='+totalPage}}"><i
					class="fa fa-angle-double-right"></i> </a>
			</span>
		</div>

		<div class="go-page">
			<span th:inline="text">总共[[${totalPage}]]页
			</span>
		</div>
	</hgroup>
</div>
